
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>法律咨询</title>
    <link rel="stylesheet" href="/css/consult.css">
    <script type="text/javascript" src="/js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="/js/area.js"></script>
    <link href="/css/style_2.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/js/Validform_v5.3.2.js" ></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?31ca8c51b19a606d6547712c451c0a3c";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script type="text/javascript">
        var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");
        var browser = navigator.userAgent.toLowerCase();
        var isMobile = false;
        for (var i=0; i<mobileAgent.length; i++){
            if (browser.indexOf(mobileAgent[i])!=-1){
                isMobile = true;
                location.href = '';
                break; } }
    </script>
</head>
<body>
<div class="top">
    <div class="fl"></div>
    <div class="fr"><span>实名认证</span>律师&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>在线</span>回复咨询</div>
</div>
<div class="banner"></div>
<div class="box">
    <div class="con bor-line">
        <div class="con_main">
            <img src="/img/menhu_02.jpg" alt=""/>
        </div>
        <form class="registerform" method="post" action="/index/index/doProblem">
            <input type="hidden" name="posids" value="">
            <input type="hidden" name="ischeck" id="ischeck" value="3">
            <div class="frl refer">
                <div class="tit">
                    <h2>请在下方详细的描述你的法律问题</h2>
                    <p>请详细描述事件的时间、地点、人物、过程、结果、争议的焦点等重要信息，并明确提出您的需求。</p>
                </div>
                <div class="count">
                    <textarea class="form-con" name="content" placeholder="输入不少于10字，请不要填写姓名等敏感信息" datatype="*10-6000" nullmsg="请至少输入10个字以上的内容，问题描述清晰，律师才能更好地为您解答！" errormsg="请至少输入10个字以上的内容，问题描述清晰，律师才能更好地为您解答！" onkeyup="title_len();" onclick="title_len();" maxlength="800">{$content1}</textarea>
                    <span id="titlelen"><i class="orange">0</i>/800</span>
                    <p class="Validform_checktip prompt"><span class="close"></span>请至少输入10个字以上的内容，问题描述清晰，律师才能更好地为您解答！</p>
                </div>
                <div class="bk40"></div>
                <div class="bk40"></div>
                <div class="phone">
                    <input type="text" class="form-phone" name="mobile" value="{$mobile}" datatype="m" nullmsg="正确填写手机号码" errormsg="输入的手机号，格式必须正确！" placeholder="您的常用手机号">
                    <span class="Validform_checktip" style="color:#b5b5b5; margin-left:5px;">律师回复短信通知（你的电话只有律师可以看到）</span>
                </div>
                <div class="bk40"></div>
                <button type="submit" name="dosubmit" class="btn">下一步</button>
                <div class="bk40"></div>
            </div>
        </form>
    </div>
</div>
</body>
<script>
    function title_len(){
        var value = $('.form-con').val().length;
        if(value == 800){
            var string = "<span style=\"color:#FF0000\">"+value+"/800</span>";
        }else{
            var string = "<span style=\"color:#FF0000\">"+value+"</span>/800";
        };

        $('#titlelen').html(string);
    };
    $(".close").click(function(){
        $(".prompt").hide();
    });
    $('.more').click(function(){
        $(this).nextAll('ul').slideToggle(function(){
            $('.more span').toggleClass('up');
        });
    });
    $(".form-con").focus();
    $(function(){
        $(".registerform").Validform({
            postonce:true,
            tiptype:function(msg,o,cssctl){
                //msg：提示信息;
                //o:{obj:*,type:*,curform:*}, obj指向的是当前验证的表单元素（或表单对象），type指示提示的状态，值为1、2、3、4， 1：正在检测/提交数据，2：通过验证，3：验证失败，4：提示ignore状态, curform为当前form对象;
                //cssctl:内置的提示信息样式控制函数，该函数需传入两个参数：显示提示信息的对象 和 当前提示的状态（既形参o中的type）;
                if(!o.obj.is("form")){
                    //验证表单元素时o.obj为该表单元素，全部验证通过提交表单时o.obj为该表单对象;
                    var objtip=o.obj.siblings(".Validform_checktip");
                    cssctl(objtip,o.type);
                    objtip.text(msg);
                }
                if(o.type==3&&o.obj.attr('name')=="info[prov]"){
                    $("#areamsg").addClass('Validform_wrong').html("地区不能为空");return false;
                }
                if(o.type==3&&o.obj.attr('name')=="info[city]"){
                    $("#areamsg").addClass('Validform_wrong').html("城市不能为空");
                }
                if(o.type==2&&o.obj.attr('name')=="info[city]"){
                    $("#areamsg").removeClass('Validform_wrong').addClass('Validform_right').html("通过信息验证！");
                }
            },

            //增加用户的规则
            datatype:{
                "u4-17" : /^[a-zA-Z][a-zA-Z0-9_]{4,17}$/,
                "zh20-600":/^([\w\W]*[\u4E00-\u9FA5\uf900-\ufa2d]{1}[\w\W]*){20,600}$/
            }

        });
    })

</script>
</html>
